<template>
    <div>
        <a-slider id="test" v-model:value="value1" :disabled="disabled" />
        <a-slider v-model:value="value2" range :disabled="disabled" />
        收到:
        <a-switch v-model:checked="disabled" size="small" />
    </div>
</template>

<script setup>
import { ref } from 'vue';
const value1 = ref(0);
const value2 = ref([20, 50]);
const disabled = ref(false);

</script>


<style scoped>
.code-box-demo .ant-slider {
    margin-bottom: 16px;
}
</style>
